{% extends "base.html" %}

{% block titulo %}Alumnos inscritos{% endblock %}

{%block breadcrumbs%}<div id="middleBreadcrumb">
                            <a href="/home/">home</a> >
                       </div>
                       <div id="middleBreadcrumb">
                            <a href="/course/{{course.code}}/{{group.code}}/">{{course.name}}</a> >
                       </div>
                       <div id="lastBreadcrumb">
                           Alumnos inscritos
                       </div>
{% endblock %}

{%block style%}<link rel="stylesheet" type="text/css" href="/stylesheets/groupStudentStyle.css" />{%endblock%}

{% block cuerpo %}
<div id="title">Alumnos inscritos</div>
<br />
<br />

<div id="students_container">
        <table id="rounded-corner">
            <thead>
                <tr>
                    <th scope="col" class="photo">Foto</th>
                    <th scope="col" class="username">Matr&iacute;cula</th>
                    <th scope="col" class="name">Nombre</th>
                    <th scope="col" class="email">Correo</th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td class="rounded-foot-left">P&aacute:ginas</td>
                    <td colspan="2" class="rounded-foot-center"></td>
                    <td class="rounded-foot-right"></td>
                </tr>
            </tfoot>
            <tbody>
                {%for student in studentList%}
                <tr class="{%cycle 'a' 'b' %}">
                    <td>
                        <div id="student_avatar"><img src="{{student.0.avatar.path}}" alt="{{student.0.get_full_name}}" width="{{student.1}}" height="{{student.2}}" /></div>
                    </td>
                    <td>
                        <div id="student_username">{{student.0.username}}</div>
                    </td>
                    <td>
                        <div id="student_name">{{student.0.get_full_name}}</div>
                    </td>
                    <td>
                        <div id="student_email">{{student.0.email}}</div>
                    </td>
                </tr>
                {%endfor%}
            </tbody>
        </table>
    </div>


{%if isTeacher%}<a href="/editGroup/{{course.code}}/{{group.code}}/">Editar grupo</a>{%endif%}
{% endblock %}